<script setup>
import Middle from "./Middle.vue";
import Lower from "./Lower.vue";
import { provide, ref } from "vue";

const d1 = "123";
const d2 = ref({
  name: "yw",
  age: "18",
});

const ageAdd = () => {
  d2.value.age++;
};

provide("d1", d1);
provide("d2", d2);
provide("ageAdd", ageAdd);
</script>


<template>
  <h1>father 父组件</h1>
  <div>我的名字是{{ d2.name }}, 我的年龄是{{ d2.age }},</div>
  <Middle />
  <Lower />
</template>